<template>
	<view>
		<view class='py-6 flex flex-center'>
			<view class='relative' style="width: 192rpx;height: 192rpx;" @click="changeAvater">
				<image src="/static/login/login-bg.png" style="width: 192rpx;height: 192rpx;"></image>
				<view class="camera absolute text-center">
					<text class='iconfont icon-camera text-n color-white'></text>
				</view>
			</view>
		</view>
		<view class='px-3-1'>
			<self-form-item :border="true" label="昵称" :show-text="true" value="梦想的天空"/>
			<self-form-item :border="true" label="个性签名" :show-text="true" value="梦想的天空"/>
			<self-form-item :border="true" label="简介" :show-text="true" value="梦想的天空"/>
			<self-form-item :border="true" label="我的微信" :show-text="true" value="梦想的天空"/>
			<self-form-item label="允许其他会员查看您的微信" value="梦想的天空" type="switch"/>
		</view>
		<view class="h-2-4 bg-1"></view>
		<view class="px-3-1">
			<view class='text-m py-2-4'>
				<text class='font-semibold'>联系方式</text>
				<text class='color-active'>（仅做会员资料寄送）</text>
			</view>
			<self-form-item :border="true" label="真实姓名" placeholder="请输入您的姓名"/>
			<self-form-item :border="true" label="我的手机" placeholder="请输入您的手机号码"/>
			<self-form-item label="收货地址" placeholder="请输入您的收货地址"/>
		</view>
		<view class="h-2-4 bg-1"></view>
		<view class="px-3-1">
			<view class='text-m py-2-4'>
				<text class='font-semibold'>您的职位信息</text>
			</view>
			<self-form-item :border="true" label="公司名称" placeholder="公司名称"/>
			<self-form-item :border="true" label="您的职位" placeholder="您的职位"/>
			<self-form-item label="所在城市" placeholder="所在城市"/>
		</view>
		<view class="h-2-4 bg-1"></view>
		<view class="px-3-1">
			<view class='text-m py-2-4'>
				<text class='font-semibold'>可分享资源</text>
			</view>
			<self-form-item :border="true" placeholder="请输入您可以带来的资源"/>
		</view>
		<view class="h-2-4 bg-1"></view>
		<view class="px-3-1">
			<view class='text-m py-2-4'>
				<text class='font-semibold'>我的需求</text>
			</view>
			<self-form-item :border="true" placeholder="请输入您需要的资源"/>
		</view>
		<view class="h-2-4 bg-1"></view>
		<view class="px-3-1">
			<view class='text-m py-2-4'>
				<text class='font-semibold'>我的标签</text>
				<text class='color-active'>（多个请用逗号分隔）</text>
			</view>
			<self-form-item :border="true" placeholder="如：淘宝，头条，流量运营"/>
		</view>
		<view class="py-6-4 px-5-4 bg-1">
			<self-button>保存</self-button>
		</view>
	</view>
</template>

<script>
	import SelfFormItem from "@/components/common/SelfFormItem.vue";
	import SelfButton from "@/components/common/SelfButton.vue";
	export default {
		components: {
			SelfFormItem,
			SelfButton
		},
		setup(){
			function changeAvater(){
				uni.chooseImage({
					count: 1,
					success(res) {
						console.log(res);
					},
					fail() {
						
					}
				})
			}
			return {
				changeAvater
			};
		}
	}
</script>

<style>
	.camera{
		right:2rpx;
		bottom: 0;
		width: 44rpx;
		height: 44rpx;
		border-radius: 44rpx;
		background-color: rgba(0, 0, 0, 0.8);
		line-height: 44rpx;
	}
</style>
